<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Cheng SJ</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/particle.css" rel="stylesheet">


</head>
<body>
	<nav class="navbar navbar-inverse navbar-fixed-top">
	  <div class="container-fluid">
	    <!-- Brand and toggle get grouped for better mobile display -->
	    <div class="navbar-header">
	      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
	        <span class="sr-only">Toggle navigation</span>
	        <span class="icon-bar"></span>
	        <span class="icon-bar"></span>
	        <span class="icon-bar"></span>
	      </button>
	      <a class="navbar-brand" href="#">Cheng SJ</a>
	    </div>

	    <!-- Collect the nav links, forms, and other content for toggling -->
	    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
	      <ul class="nav navbar-nav">
	        <li class="active"><a href="#">首页<span class="sr-only">(current)</span></a></li>
	        <li><a href="resume.html">个人简历</a></li>
	        <li><a href="works.html">works</a></li>
	      </ul>

	    </div><!-- /.navbar-collapse -->
	  </div><!-- /.container-fluid -->
	</nav>

	<div id="topcolor"></div>
	<div class="container">
		<div class='particles'>
			    <div class='particle'></div>
			    <div class='particle'></div>
			    <div class='particle'></div>
			    <div class='particle'></div>
			    <div class='particle'></div>
			    <div class='particle'></div>
			    <div class='particle'></div>
			    <div class='particle'></div>
			    <div class='particle'></div>
			    <div class='particle'></div>
			    <div class='particle'></div>
			    <div class='particle'></div>
			    <div class='particle'></div>
			    <div class='particle'></div>
			    <div class='particle'></div>
			    <div class='particle'></div>
			    <div class='particle'></div>
			    <div class='particle'></div>
			    <div class='particle'></div>
			    <div class='particle'></div>
		</div>
		<div id="backpic" class="text-center animated jello">
			<p id="sayhi">Hi！<br>这里是ChengSJ的个人主页</p>
			<div><a href="resume.html">个人简历</a></div>
			<div><a href="works.html">works</a></div>
		</div>	
	</div>

	<div class="dropdown" id="change">
		<button type="button" class="btn dropdown-toggle" id="dropdownMenu1" 
				data-toggle="dropdown">切换主题
		</button>
		<br>
		<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1" id="themes">
			<li role="presentation">
				<a role="menuitem" tabindex="1" >深海花园（默认）</a>
			</li>
			<li role="presentation">
				<a role="menuitem" tabindex="2" >群青天蓝</a>
			</li>
		</ul>
	</div>
	<footer>
        <div class="copyright">
        	<p>@2017 Cheng Sijing.</p>
            <p>本站内容为个人原创（部分注明除外）</p>
        </div>
    </footer>

	<div id="grass"></div>

    <script src="js/jquery-3.1.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/change.js"></script>
    

</body>
</html>